<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>网点首页</title>
<%@include file="common.jsp"%>
</head>
<body>
	<div class="page-container">
		<div class="left-content">
			<div class="mother-grid-inner">
				<!--header start here-->
				<div class="header-main">
					<div class="header-left">
						<div class="logo-name" style="width:38%">
							<a href="#">
								<h1>积分乐分享</h1> 
								<!--<img id="logo" src="" alt="Logo"/>-->
							</a>
						</div>
						<!--search-box-->
						<div class="search-box">
							<form>
								<input type="text" placeholder="Search..." required="">
								<input type="submit" value="">
							</form>
						</div>
						<!--//end-search-box-->
						<div class="clearfix"></div>
					</div>
					<div class="header-right">
						<div class="profile_details_left">
							<!--notifications of menu start -->
							<ul class="nofitications-dropdown">
								<li class="dropdown head-dpdn"><a href="#"
									class="dropdown-toggle" data-toggle="dropdown"
									aria-expanded="false"><i class="fa fa-envelope"></i><span
										class="badge">3</span></a>
									<ul class="dropdown-menu">
										<li>
											<div class="notification_header">
												<h3>You have 3 new messages</h3>
											</div>
										</li>
										<li><a href="#">
												<div class="user_img">
													<img src="images/p4.png" alt="">
												</div>
												<div class="notification_desc">
													<p>Lorem ipsum dolor</p>
													<p>
														<span>1 hour ago</span>
													</p>
												</div>
												<div class="clearfix"></div>
										</a></li>
										<li class="odd"><a href="#">
												<div class="user_img">
													<img src="images/p2.png" alt="">
												</div>
												<div class="notification_desc">
													<p>Lorem ipsum dolor</p>
													<p>
														<span>1 hour ago</span>
													</p>
												</div>
												<div class="clearfix"></div>
										</a></li>
										<li><a href="#">
												<div class="user_img">
													<img src="images/p3.png" alt="">
												</div>
												<div class="notification_desc">
													<p>Lorem ipsum dolor</p>
													<p>
														<span>1 hour ago</span>
													</p>
												</div>
												<div class="clearfix"></div>
										</a></li>
										<li>
											<div class="notification_bottom">
												<a href="#">See all messages</a>
											</div>
										</li>
									</ul></li>
								<li class="dropdown head-dpdn"><a href="#"
									class="dropdown-toggle" data-toggle="dropdown"
									aria-expanded="false"><i class="fa fa-bell"></i><span
										class="badge blue">3</span></a>
									<ul class="dropdown-menu">
										<li>
											<div class="notification_header">
												<h3>You have 3 new notification</h3>
											</div>
										</li>
										<li><a href="#">
												<div class="user_img">
													<img src="images/p5.png" alt="">
												</div>
												<div class="notification_desc">
													<p>Lorem ipsum dolor</p>
													<p>
														<span>1 hour ago</span>
													</p>
												</div>
												<div class="clearfix"></div>
										</a></li>
										<li class="odd"><a href="#">
												<div class="user_img">
													<img src="images/p6.png" alt="">
												</div>
												<div class="notification_desc">
													<p>Lorem ipsum dolor</p>
													<p>
														<span>1 hour ago</span>
													</p>
												</div>
												<div class="clearfix"></div>
										</a></li>
										<li><a href="#">
												<div class="user_img">
													<img src="images/p7.png" alt="">
												</div>
												<div class="notification_desc">
													<p>Lorem ipsum dolor</p>
													<p>
														<span>1 hour ago</span>
													</p>
												</div>
												<div class="clearfix"></div>
										</a></li>
										<li>
											<div class="notification_bottom">
												<a href="#">See all notifications</a>
											</div>
										</li>
									</ul></li>
								<li class="dropdown head-dpdn"><a href="#"
									class="dropdown-toggle" data-toggle="dropdown"
									aria-expanded="false"><i class="fa fa-tasks"></i><span
										class="badge blue1">9</span></a>
									<ul class="dropdown-menu">
										<li>
											<div class="notification_header">
												<h3>You have 8 pending task</h3>
											</div>
										</li>
										<li><a href="#">
												<div class="task-info">
													<span class="task-desc">Database update</span><span
														class="percentage">40%</span>
													<div class="clearfix"></div>
												</div>
												<div class="progress progress-striped active">
													<div class="bar yellow" style="width: 40%;"></div>
												</div>
										</a></li>
										<li><a href="#">
												<div class="task-info">
													<span class="task-desc">Dashboard done</span><span
														class="percentage">90%</span>
													<div class="clearfix"></div>
												</div>
												<div class="progress progress-striped active">
													<div class="bar green" style="width: 90%;"></div>
												</div>
										</a></li>
										<li><a href="#">
												<div class="task-info">
													<span class="task-desc">Mobile App</span><span
														class="percentage">33%</span>
													<div class="clearfix"></div>
												</div>
												<div class="progress progress-striped active">
													<div class="bar red" style="width: 33%;"></div>
												</div>
										</a></li>
										<li><a href="#">
												<div class="task-info">
													<span class="task-desc">Issues fixed</span><span
														class="percentage">80%</span>
													<div class="clearfix"></div>
												</div>
												<div class="progress progress-striped active">
													<div class="bar  blue" style="width: 80%;"></div>
												</div>
										</a></li>
										<li>
											<div class="notification_bottom">
												<a href="#">See all pending tasks</a>
											</div>
										</li>
									</ul></li>
							</ul>
							<div class="clearfix"></div>
						</div>
						<!--notification menu end -->
						<div class="profile_details">
							<ul>
								<li class="dropdown profile_details_drop"><a href="#"
									class="dropdown-toggle" data-toggle="dropdown"
									aria-expanded="false">
										<div class="profile_img">
											<span class="prfil-img"><img src="images/p1.png"
												alt=""> </span>
											<div class="user-name">
												<p>${userName }</p>
												<span>Administrator</span>
											</div>
											<i class="fa fa-angle-down lnr"></i> <i
												class="fa fa-angle-up lnr"></i>
											<div class="clearfix"></div>
										</div>
								</a>
									<ul class="dropdown-menu drp-mnu">
										<!-- <li><a href="#"><i class="fa fa-cog"></i> Settings</a></li>
										<li><a href="#"><i class="fa fa-user"></i> Profile</a></li> -->
										<li><a href="javascript:void(0)" onclick="loginOut()"><i class="fa fa-sign-out"></i> Logout</a>
										</li>
									</ul></li>
							</ul>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="clearfix"></div>
				</div>
				<!--heder end here-->
				<!-- script-for sticky-nav -->
				<script>
					$(document).ready(function() {
						var navoffeset = $(".header-main").offset().top;
						$(window).scroll(function() {
							var scrollpos = $(window).scrollTop();
							if (scrollpos >= navoffeset) {
								$(".header-main").addClass("fixed");
							} else {
								$(".header-main").removeClass("fixed");
							}
						});
					});
				</script>
				<!-- /script-for sticky-nav -->
				<iframe id="myiframe" src="" name="content" style="width: 100%; height: 510px;padding:2px 10px;"scrolling="no" frameborder="0"></iframe>
				<!--copy rights start here-->
				<div class="copyrights">
					<p>
						Copyright &copy; 2016.Company name All rights reserved.More
						Templates - Collect from <a href="#" title="积分乐分享" target="_blank">赵凡</a>
					</p>
				</div>
				<!--COPY rights end here-->
			</div>
		</div>
		<!--slider menu-->
		<div class="sidebar-menu">
			<div class="logo">
				<a href="#" class="sidebar-icon"> <span class="fa fa-bars"></span>
				</a> <a href="#"> <span id="logo"></span> <!--<img id="logo" src="" alt="Logo"/>-->
				</a>
			</div>
			<div class="menu">
				<ul id="menu">
					<li id="li1"><a href="#"><i class="fa fa-users"></i><span>用户设置</span><span class="fa fa-angle-right" style="float: right; margin-top: -10px;"></span></a>
						<ul>
							<li><a href="${pageContext.request.contextPath}/management/user.do" target="content" name="user">用户列表</a></li>
							<li><a href="${pageContext.request.contextPath}/management/userType.do" target="content">用户类别</a></li>
						</ul>
					</li>
					<li id="li2"><a href="#"><i class="fa fa-gg"></i><span>关系设置</span><span class="fa fa-angle-right" style="float: right; margin-top: -10px;"></span></a>
						<ul>
							<li><a href="${pageContext.request.contextPath}/management/relation.do" target="content">积分返利</a></li>
							<li><a href="${pageContext.request.contextPath}/management/product.do" target="content">充值返利</a></li>
						</ul>
					</li>
					<li id="li3"><a href="#"><i class="fa fa-university"></i><span>银行设置</span><span class="fa fa-angle-right" style="float: right; margin-top: -10px;"></span></a>
						<ul>
							<li><a href="${pageContext.request.contextPath}/management/bank.do" target="content">银行信息</a></li>
							<li><a href="${pageContext.request.contextPath}/management/bankType.do" target="content">产品信息</a></li>
						</ul>
					</li>
					<li id="li4"><a href="${pageContext.request.contextPath}/management/bankExchangeRate.do" target="content"><i class="fa fa-exchange"></i><span>汇率设置</span></a></li>
					<li><a href="${pageContext.request.contextPath}/management/order.do" target="content"><i class="fa fa-bars"></i><span>订单信息</span></a></li>
					<li><a href="${pageContext.request.contextPath}/management/declaration.do" target="content"><i class="fa fa-cloud-upload"></i><span>报单信息</span></a></li>
					<li id="li5"><a href="#"><i class="fa fa-cog"></i><span>系统设置</span><span class="fa fa-angle-right" style="float: right; margin-top: -10px;"></span></a>
						<ul>
							<li><a href="${pageContext.request.contextPath}/management/system.do" target="content">首页Banner</a></li>
							<li><a href="${pageContext.request.contextPath}/management/vipSystem.do" target="content">会员Banner</a></li>
							<li><a href="${pageContext.request.contextPath}/management/business.do" target="content">商务合作</a></li>
							<li><a href="${pageContext.request.contextPath}/management/meImg.do" target="content">关于我们</a></li>
						</ul>
					</li>
					<li id="li6"><a href="${pageContext.request.contextPath}/management/userInfo.do" target="content"><i class="fa fa-user"></i><span>帐号管理</span></a></li>
					<li id="li7"><a href="charts.html" target="content"><i class="fa fa-bar-chart"></i><span>汇总报表</span></a></li>
				</ul>
			</div>
		</div>
		<div class="clearfix"></div>
	</div>
	<!--slide bar menu end here-->
	<script>
		var toggle = true;
		$(function(){
			var userType = <%= session.getAttribute("userType") %>;
			if(userType == 2){
				$('#li1').hide();
				$('#li2').hide();
				$('#li3').hide();
				$('#li4').hide();
				$('#li5').hide();
				$('#li6').hide();
				$('#li7').hide();
			}
		})
		$(".sidebar-icon").click(
				function() {
					if (toggle) {
						$(".page-container").addClass("sidebar-collapsed")
								.removeClass("sidebar-collapsed-back");
						$("#menu span").css({
							"position" : "absolute"
						});
					} else {
						$(".page-container").removeClass("sidebar-collapsed")
								.addClass("sidebar-collapsed-back");
						setTimeout(function() {
							$("#menu span").css({
								"position" : "relative"
							});
						}, 400);
					}
					toggle = !toggle;
				});
		//退出登录，跳转到登录页面
		function loginOut(){
			window.location.href="${pageContext.request.contextPath}/login.do";
		}
	</script>
</body>
</html>
